<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
           td{
           font-size: 24px;
       }
       tr{
           line-height: 30px;
           text-decoration-color: #dad6d6;
       }
       td a{
           color: black;
           font-size: 22px;
       }
       a:hover{
           color: blue;
       }
       .cz{
           width: 200px;
       }
       .bh {
           display: flex;
           width: 100px;
           margin-top: 35px;
       }
       .bt {
           display: flex;
           width: 800px;
           margin-left: 100px;
           margin-top: -30px;
       }
       .ll {
           width: 70px;
           display: flex;
           margin-left: 915px;
           margin-top: -30px;
       }
       .pl {
           width: 65px;
           margin-top: -30px;
           display: flex;
           margin-left: 1000px;
       }
       .cz {
           display: flex;
           width: 110px;
           margin-left: 1080px;
           margin-top: -30px;
       }
  </style>
</head>
<body>
 <div class="col-12" style="padding: 10px">
       <table class="table col-12" style="margin-left: 30px" >
           <thead style="font-weight: bold">
   <tr>
       <td class="bh" align="center">编号</td>
       <td class="bt">标题</td>
       <td class="ll" align="center">浏览</td>
       <td class="pl" align="center">评论</td>
       <td class="cz">操作</td>
   </tr>
           </thead>
           <tbody>
           <tr>
               <td class="bh" align="center">7</td>
               <td class="bt">管理：强哥关于人才培养方面的实战经验分享</td>
               <td class="ll" align="center">1499</td>
               <td class="pl" align="center">5</td>
               <td class="cz">
                   <a href="#" target="_blank">取消收藏</a>&nbsp;&nbsp;
               </td>
           </tr>
                      <tr>
               <td class="bh" align="center">13</td>
               <td class="bt">原理：强哥倾情奉献：软件测试最全专业术语</td>
               <td class="ll" align="center">1786</td>
               <td class="pl" align="center">0</td>
               <td class="cz">
                   <a href="#" target="_blank">取消收藏</a>&nbsp;&nbsp;
               </td>
           </tr>
                      <tr>
               <td class="bh" align="center">28</td>
               <td class="bt">实验：RobotFramework（二）：基础应用</td>
               <td class="ll" align="center">1010</td>
               <td class="pl" align="center">0</td>
               <td class="cz">
                   <a href="#" target="_blank">取消收藏</a>&nbsp;&nbsp;
               </td>
           </tr>
                      <tr>
               <td class="bh" align="center">122</td>
               <td class="bt">预备知识：软件工程与软件研发</td>
               <td class="ll" align="center">508</td>
               <td class="pl" align="center">0</td>
               <td class="cz">
                   <a href="#" target="_blank">取消收藏</a>&nbsp;&nbsp;
               </td>
           </tr>
                      <tr>
               <td class="bh" align="center">79</td>
               <td class="bt">实验：利用JAVA的exceutor框架运行多线程</td>
               <td class="ll" align="center">642</td>
               <td class="pl" align="center">0</td>
               <td class="cz">
                   <a href="#" target="_blank">取消收藏</a>&nbsp;&nbsp;
               </td>
           </tr>
                      <tr>
               <td class="bh" align="center">157</td>
               <td class="bt">蜗牛学院五年运营管理经验大揭秘！</td>
               <td class="ll" align="center">5</td>
               <td class="pl" align="center">0</td>
               <td class="cz">
                   <a href="#" target="_blank">取消收藏</a>&nbsp;&nbsp;
               </td>
           </tr>
           </tbody>
       </table>
          </div>
</body>
</html>